body { font-family: Arial, sans-serif; }

h1,h2,h3 { text-indent: -25px; }
h2 { margin: 0.5em 0 0.75em 0; }
h3 { margin: 1em 0 0.5em 0; }
h4 { margin: 0.5em 0 0.5em 0; }
h1 em,h2 em,h3 em,h4 em { font-weight: normal; }

p { margin: 0.5em 0 0.5em 0; }

form { margin: 0 0 0 0; }
input[readonly] { border: 2px solid #CCCCCC; }

table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0 1em 0 0; }

.pageheader {
  background-color: black;
  height: 200px;
  text-align: center;
}

.pagecontent {
  margin: 0 auto 0 auto;
  max-width: 750px;
  padding: 0 25px 0 25px;
}

.leftside {
  float: left;
  margin-right: 1em;
}

.rightside {
  margin-left: 1em;
}

.rightside:after {
  content: "";
  display: block;
  clear: both;
}

.error { color: #FF0000; }

.guess_correct { color: #00CC00; text-decoration: none; font-weight: bold; }
.guess_incorrect { color: #FF0000; text-decoration: none; }
.guess_none { color: #666666; text-decoration: none; }

.puzzle_author { color: #666666; text-decoration: none; font-weight: bold; }

.score_paper { background: #EEEEEE; }
.score_nonpaper { background: #CCCCCC; }
.score_bonus { background: #AAAAAA; }

.your_team { background: #FFFF88; }
.your_team .score_paper { background: #EEEE88; }
.your_team .score_nonpaper { background: #DDDD88; }
.your_team .score_bonus { background: #CCCC88; }
